<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	
	<f:view contentType="text/html">
	
		<h:head>
			<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
			<link rel="stylesheet" type="text/css" href="style/default.css" media="screen" />
			<title>REFILL - FUEL LOGISTICS</title>
            <style>
                .ui-menuitem {
                    *width: 100px !important;
                }
                
                .inner-container {
                    *margin-left: 18%;
                    
                }
            </style>
			<ui:insert name="head"></ui:insert>
		</h:head>
	
		<h:body>
				<div class="header">
						<div class="title">
							<span class="sitename">REFILL</span>
							<div class="slogan">FUEL LOGISTICS</div>
						</div>
					</div>



								<p:layout style="min-width:400px;min-height:200px;" id="layout">
								    <p:layoutUnit position="west" resizable="true" size="200" minSize="150" maxSize="200">
								        <h3>Main Menu</h3>
										    	<p:menu id="menu" style="width:220px">
										        	<p:submenu label="ALLOTMENT SERVICES" icon="ui-icon-gear">
										            <p:menuitem value="Create Allotment" url="/createAllotment.jsf" icon="ui-icon-disk"  style="width:220px"/>
										            <p:menuitem value="Update Allotment" url="/updateAllotment.jsf" icon="ui-icon-arrowrefresh-1-w"  style="width:220px"/>
										        	</p:submenu>
										        	
										        	<p:submenu label="VECHILE SERVICES" icon="ui-icon-newwin">
										            <p:menuitem value="Create Vechile" url="/createVehicle.jsf" icon="ui-icon-document"  style="width:220px"/>
										            <p:menuitem value="Manage Vechile" url="/manageVehicles.jsf" icon="ui-icon-cross"  style="width:220px"/>
										            <!-- <p:menuitem value="Delete Vechile" url="/deleteVechile.jsf" icon="ui-icon-document"  style="width:220px"/>
										        	--></p:submenu>
										        	
										        	<p:submenu label="DRIVER SERVICES" icon="ui-icon-newwin">
										            <p:menuitem value="Create Driver" url="/createDriver.jsf" icon="ui-icon-document"  style="width:220px"/>
										            <p:menuitem value="Manage Driver" url="/manageDrivers.jsf" icon="ui-icon-cross"  style="width:220px"/>
										        	</p:submenu>
										        	
										        	<p:submenu label="CREDENTIALS SERVICES" icon="ui-icon-newwin">
										            <p:menuitem value="Create User" url="/createUser.jsf" icon="ui-icon-document"  style="width:220px"/>
										            <p:menuitem value="Delete User" url="/deleteUser.jsf" icon="ui-icon-cross"  style="width:220px"/>
										            <p:menuitem value="Update User" url="/modifyUser.jsf" icon="ui-icon-document"  style="width:220px"/>
										        	</p:submenu>
										        <p:separator />
										        	<p:submenu label="REPORTS" icon="ui-icon-extlink">
										            	<p:menuitem value="Logout" url="/logout" icon="ui-icon-power"></p:menuitem>
										        	</p:submenu>
										    	</p:menu>
								    </p:layoutUnit>
								
								    <p:layoutUnit position="center">
											<ui:insert name="content">
										</ui:insert>
																					
											
								    </p:layoutUnit>	
								</p:layout>
								                    
				<div class="footer">
						<span class="left">Powered by ManuSoft</span> 
						<span class="right">
							<p:ajaxStatus>
								<f:facet name="start">
									<h:graphicImage value="img/ajax-loader.gif" />
								</f:facet>
								
								<f:facet name="complete">
									Status
								</f:facet>
							</p:ajaxStatus>
						 </span>
			
						<div class="clearer"></div>
			
					</div>
			
				
			
			
		
		</h:body>
	</f:view>

</html>